{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/index_search.css"> 
{% endblock %} 
{% block content %}
<div class="index-sesrch-baner-wrap eui--position-rel">
    {% block searchBanner %} {% include "../common/service_search_banner.html"%} {% endblock %}
    <a href="" class="eui-btn index-search-cancle">{{__("btn_cancel")}}</a>
</div>

<div class="index-search-title-wrap" style="display:none">
    <div class="index-search-title">
        {{__("index_search_page_title")}}
    </div>
    <div class="index-search-types">
        <a href="/index/"><span class="index-search-type">
                {{__("index_search_game")}}         
            </span></a>
        <span class="index-search-type">
                {{__("index_search_news")}}  
            </span>
        <span class="index-search-type">
                {{__("index_search_activity")}}
            </span>
        <span class="index-search-type">
                {{__("index_search_integral")}}    
            </span>
        <span class="index-search-type">
                 {{__("index_search_vedio")}}  
            </span>
    </div>
</div>

<div class="index-seach-result">
    <div class="eui-card activity-card">
        <div class="eui-card-header">
            {{__("index_search_activity")}}
        </div>
        <div class="eui-card-content">
            <ui class="eui-table-view">
                <li class="eui-table-view-cell">
                    <div class="eui-media">
                        <div class="eui-media-header">
                            <p class="eui--ellipsis eui--font-28 eui--black-color">活动标题活动标题活动标题活动标题活动标题</p>
                        </div>
                        <div class="eui-media-body eui--clearfix">
                            <img class="eui-media-img eui--width-100" src="{{site.cdn}}/test-banner.jpg" alt="">
                            <div class="eui-media-object eui--font-24 eui--text-r">
                                <span class="eui-icon eui-icon-clock_active"></span>
                                <span class="day-num">3</span> 天后结束
                            </div>
                        </div>
                        <div class="activity-card-footer">
                           {{__("btn_more")}}  
                        </div>
                    </div>
                </li>
            </ui>
        </div>
    </div>

     <div class="eui-card eui--white-bacg">
        <div class="eui-card-header">
            {{__("index_search_vedio")}}            
        </div>
        <div class="eui-card-content eui--margin-x-16">
            <ul class="eui-table-view video-list">
                <li class="eui-table-view-cell">
                    <div class="eui-media">
                        <div class="eui-media-header eui--clearfix">
                            <span class="eui-icon eui-icon-play-btn"></span> 
                            <img class="eui-media-img" src="{{site.cdn}}/test-banner.jpg">
                            <span class="video-time">04:30</span>
                        </div>                       
                        <div class="eui-media-body eui--font-24 eui--position-rel eui--clearfix">
                            <img src="{{site.cdn}}/test-game-icon01.png" class="eui--pull-left" alt="">                       
                            <div class="eui-media-object eui--pull-left">   
                                <p class="eui-media-object-body">我是视频名称，最多可显示两行最少显示一行。每30个字符，右侧留空，不填满，参考YouTube。</p>
                                <div class="eui-media-object-footer eui--clearfix">
                                    <div class="eui--pull-left">
                                        <span class="eui-icon eui-icon-play-btn_sm"></span> 9999
                                    </div>
                                    <div class="eui--pull-right">
                                        <span class="eui-icon eui-icon-clock"></span> 08-26
                                    </div>
                                </div>
                            </div>  
                            <span class="eui-icon eui-icon-dotted"></span>                                                                                                                                          
                        </div>
                    </div> 
                     <div class="vedio-card-footer">
                           {{__("btn_more")}}  
                        </div>     
                </li>
            </ul>
        </div>
    </div> 

    <div class="eui-card eui-guess-u-like-card integral-card">
        <div class="eui-card-header">
            {{__("index_search_integral")}}         
        </div>
        <div class="eui-card-content">
            {% block guessULike%}
            {% include "../common/guess_u_like.html" %} 
            {% endblock %}  
        </div>
    </div> 

    <div class="eui-main-container game-main-container game-card game-list">
        <div class="eui-card-header">
            {{__("index_search_game")}}         
        </div>
        <ul class="eui-table-view">
            <li class="eui-table-view-cell">
                <div class="eui-media eui--clearfix">
                    <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                    <div class="eui-media-body eui--position-rel eui--pull-left">
                        <span class="eui-icon eui-icon-gift_hollow"></span>
                        <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                        <p class="game-type eui--font-26">MMORPG | 111M</p>
                        <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服对决正式全面打响！英雄会武</p>
                    </div>
                </div>
            </li>
            <li class="eui-table-view-cell">
                <div class="eui-media eui--clearfix">
                    <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                    <div class="eui-media-body eui--position-rel eui--pull-left">
                        <span class="eui-icon eui-icon-gift_hollow"></span>
                        <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                        <p class="game-type eui--font-26">MMORPG | 111M</p>
                        <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服对决正式全面打响！英雄会武</p>
                    </div>
                </div>
            </li>
        </ul>    
    </div>

    <div class="eui-page-content eui--white-bacg news-card">
        <div class="eui-card-header">
            {{__("index_search_news")}}  
        </div>
        <ul class="eui-table-view news-list">
            <li class="eui-table-view-cell">
                <a href="" class="eui--display-b eui--position-rel eui--black-color eui--clearfix eui--font-26">
                    <div class="eui-media-header eui--pull-left eui--position-rel">
                        <img class="eui-media-img" src="{{site.cdn}}/test-news-type.jpg">                        
                    </div>
                    <div class="eui-media-body">
                        <p class="eui--ellipsis">你好吗你好吗你好吗你好吗你好吗</p>
                    </div>
                    <div class="eui-media-footer">
                        <span class="news-time eui--pull-right">2017-10-26</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>  

</div>
{% endblock %}